body {
		margin: 0;
		font-family: "Poppins", sans-serif;
	}

 /* ___________________________________ */
.testimonial-section {
  width: 100%;
  max-width: 800px;
  margin: 2rem auto;
  text-align: center;
  font-family: Arial, sans-serif;
}

.testimonial-header {
  margin-bottom: 1.5rem;
}

.testimonial-header p {
  letter-spacing: 2px;
  font-size: 1rem;
  font-weight: 500;
  color: #555;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

.testimonial-header h1 {
  font-size: 2rem;
  font-weight: bold;
  color: #333;
}

.testimonial-card {
  padding: 2rem;
  background-color: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s, box-shadow 0.3s;
}

.testimonial-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.testimonial-card i {
  font-size: 2rem;
  color: #ffba08;
  margin-bottom: 1rem;
}

.testimonial-card p {
  font-size: 1rem;
  font-weight: 400;
  color: #555;
  line-height: 1.5;
}

.testimonial-card hr {
  width: 50px;
  margin: 1rem auto;
  border: none;
  border-top: 2px solid #ffba08;
}

.testimonial-card .testimonial-author {
  font-size: 0.9rem;
  font-weight: bold;
  color: #333;
  margin-top: 1rem;
}

/*______________________________________________*/

	a {
	text-decoration: none !important;
	color: inherit !important;
	}

	dotlottie-player {
		width: 200px; 
		height: 200px;
		margin: 0 auto;
	}

	p {
		margin: 0;
		color: black;
		font-size: 15px;
	}

	h1 {
		font-weight: 400;
		font-size: 47px;
		line-height: 120%;
		letter-spacing: 0;
		text-decoration: none;
		color: white;
	}

	h1.black {
		color: black;
		margin: 0 0 0px 0;
	}

	h2 {
		font-weight: 400;
		font-size: 52px;
		line-height: 120%;
		letter-spacing: 0;
		text-decoration: none;
		color: white;
	}

	h2.bold {
		font-weight: bold;
	}

	h3 {
		font-weight: 400;
		font-size: 25px;
		line-height: 120%;
		letter-spacing: 0;
		text-decoration: none;
		color: black;
	}

	h3.two {
		max-width: 1000px;
		margin: 20px auto;
	}

	@keyframes slide {
		from{
			transform: translateX(0);
		}
		to{
			transform: translateX(-100%);
		}
	}

	.scroll {
		display: flex;
		width: 100%;
		overflow: hidden;
		background-color: pink;
		height: 50px;
		align-items: center;
	}

	.scroll div {
		white-space: nowrap;
		animation: slide 40s infinite linear;
	}

	.scroll div span {
		margin: 0 50px;
		font-weight: 700;
		font-size: 20px;
	}

	.background {
		height: auto;
		padding: 50px 30px 50px 30px;
		background-repeat: no-repeat;
		background background-attachment: fixed;
		background-size: cover
	}

	.background.one {
		/*background: rgb(190,216,255);
		background: linear-gradient(0deg, rgba(190,216,255,1) 0%, rgba(255,255,255,1) 100%);*/
		padding: 100px 0 100px 0px;
	}

	.backgroundvideo {
		width: 100%;
		height: 1000px;
		object-fit: cover;
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
	}

	.background.two {
		background-color: white;
	}

	.background.three {
		background-color: white;
		padding-bottom: 150px;
	}

	.background.three.gradient {
		background: rgb(12,48,66);
		background: linear-gradient(90deg, rgba(12,48,66,1) 40%, rgba(190,216,255,1) 60%);
		height: 700px;
	}

	.background.four {
		background-image: url("/landing_pages/orthocare_vac_1/images/abstractbg.png");
	}


/* Grid layout for first section ________________________*/
	.gridlayoutone {
		max-width: 1200px;
		height: auto;
		margin: 0 auto;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 1fr;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		position: relative;
		padding: 0 30px 0px 30px;
	}

	.itemonea {
		width: 100%;
		align-content: center;
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 2;
	}

	.itemoneb {
		width: 100%;
		grid-column-start: 2;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 2;
		text-align: center;
	}

	.vacformingimage {
		max-width: 550px;
		height: auto;
	}

	/*____________________________________________________*/

	/* Grid layout for second section ________________________*/
	.gridlayouttwo {
		max-width: 1200px;
		height: auto;
		margin: 0 auto;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(2, 1fr);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		padding: 0px 0px 0px 0px;
	}

	.itemtwoa {
		width: 100%;
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 2;
		padding-top: 70px;
	}

	.itemtwob {
		width: 100%;
		grid-column-start: 3;
		grid-column-end: 4;
		grid-row-start: 1;
		grid-row-end: 2;
		padding-top: 70px;
	}

	.itemtwoc {
		width: 100%;
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 2;
		grid-row-end: 3;
		padding-top: 70px;
	}

	.itemtwod {
		width: 100%;
		grid-column-start: 3;
		grid-column-end: 4;
		grid-row-start: 2;
		grid-row-end: 3;
		padding-top: 70px;
	}

	.itemtwoe {
		width: 100%;
		grid-column-start: 2;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 3;
		text-align: center;
		align-content: center;
	}

	.vacformingimage2 {
		max-width: 500px;
		height: auto;
	}

	.factbox {
		max-width: 350px;
		text-align: center;
	}

	.factbox.a {
		float: right;
	}

	.factbox.b {
		float: left;
	}

	.factbox.c {
		float: left;
	}

	.factbox.d {
		float: right;
	}

	.factboximage {
		max-width: 140px;
		height: auto;
		padding-bottom: 20px;
	}

	/*____________________________________________________*/

	/* Circles for third section ________________________*/
	.circleone {
		border-radius: 50%;
		border: 30px solid #0C3042;
		width: 25%;
		height: 300px;
		font-size: 10px;
		text-align: center;
		align-content: center;
		box-sizing: border-box;
		padding: 20px;
		position: relative;
		background: white;
		z-index: 2;
	}

	.circleone.positiona {
		left: 30px;
	}

	.circleone.positionc {
		right: 30px;
	}

	.circletwo.positionb {
		
	}

	.circletwo.positiond {
		right: 60px;
	}

	.circletwo {
		width: 25%;
		height: 300px;
		position: relative;
		font-size: 10px;
		text-align: center;
		box-sizing: border-box;
		align-content: center;
		padding: 50px;
		z-index: 0;
		background-color: white;
		border-radius: 50%;
	}

	.circletwo::before {
		width: 100%;
		height: 100%;
		content: "";
		position: absolute;
		inset: 0;
		border-radius: 50%;
		border: 30px solid transparent;
		background: linear-gradient(0deg, rgba(190,216,255,1) 50%, rgba(255,255,255,0) 50%) border-box;
		-webkit-mask: /*4*/
     		linear-gradient(#fff 0 0) padding-box, 
     		linear-gradient(#fff 0 0);
  		-webkit-mask-composite: xor; /*5'*/
         mask-composite: exclude;
         box-sizing: border-box;
	}

	/*____________________________________________________*/

	.retainerimage {
		max-width: 1000px;
		height: auto;
		margin-top: -150px;
	}

	button {
		font-family: "Poppins", sans-serif;
		padding: 10px 30px 10px 30px;
		margin: 20px 20px 0px 0px;
		border-radius: 5px;
	}

	.buttona {
		color: white;
		background-color: #0C3042;
	}

	.buttona.four {
		width: 500px;
	}

	.buttonb {
		background-color: transparent;
	}

	.content {
		display: block;
		max-width: 1200px;
		height: auto;
		margin: 0 auto;
		text-align: center;
		padding: 50px 0;
	}

	.content.four {
		padding: 150px 0 0 0;
	}

	.content.contentrow {
		display: flex;
		flex-direction: row;
		justify-content: center;
		box-sizing: border-box;
	}

	.content.contentrow.three {
		margin-top: -250px;
		padding-left: 0;
		padding-right: 0;
	}

	.hex-row {
 		display: flex;
 		flex-direction: row;
 		flex-wrap: nowrap;
 		width: 100%;
 		align-items: center;
 		justify-content: center;
 		margin-bottom: -60px;
	}

	.hex {
  		height: 450px;
  		width: 480px;
    	aspect-ratio: 1/cos(30deg);
  		clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%);
  		background-color: #0C3042;
  		transform: rotate(90deg);
	}

	.flt_svg {
    	visibility: hidden; 
    	position: absolute;
    	width: 0px;
    	height: 0px;
	}

	.box_parent {
   		filter: url('#flt_tag');
	}

	.textRotate {
  		position: absolute;
  		transform: rotate(-90deg);
  		z-index: 999;
  		top: 100px;
  		left: 70px;
  		text-align: center;
	}

	iframe {
		width: 100%;
		height: 100%;
		aspect-ratio: 16 / 9;
	}






/*__________________________________________*/
	@media (max-width: 1200px) {

		h1 {
			font-size: 36px;
		}

		h2 {
			font-size: 41px;
		}

		.hex-row {
 			margin-bottom: -160px;
		}

		.hex {
			height: 330px;
  			width: 360px;
			margin-bottom: 120px;
		}

		.vacformingimage {
			max-width: 400px;	
		}

		.vacformingimage2 {
			max-width: 350px;
		}

		.retainerimage {
			max-width: 700px;
		}

		.background.three.gradient {
			height: 450px;
		}

		.factbox {
			max-width: 200px;
		}

		.factboximage {
			max-width: 100px;
			height: auto;
			padding-bottom: 20px;
		}

		.textRotate {
  			position: absolute;
  			transform: rotate(-90deg);
  			z-index: 999;
  			top: 70px;
  			left: 50px;
  			text-align: center;
		}

		dotlottie-player {
			width: 150px; 
			height: 150px;
			margin: 0 auto;
		}

	}

/*__________________________________________*/
	@media (max-width: 835px) {

		h1 {
			font-size: 32px;
		}

		h2 {
			font-size: 30px;
		}

		h3 {
			font-size: 16px;
		}

		.background.three {
    background-color: white;
    padding-bottom: 0;
}

		.hex {
  			height: 316px;
  			width: 316px;
  			margin-bottom: 50px;
		}

		.hex-row {
    		display: flex;
    		flex-direction: column;
    		flex-wrap: nowrap;
    		width: 100%;
    		align-items: center;
    		justify-content: center;
    		margin-bottom: 0px;
}

		.textRotate {
  			top: 85px;
  			left: 50px;
		}

		.gridlayoutone {
			display: block;
		}

		.vacformingimage {
			width: 300px;
			height: auto;
		}

		.circleone {
			height: 200px;
		}

		.circletwo {
			height: 200px;
		}

		.content.contentrow.three {
			margin-top: -200px;
		}

		.gridlayouttwo {
			display: block;
		}

		.factbox.a {
			float: none;
			margin: 0 auto;
		}

		.factbox.b {
			float: none;
			margin: 0 auto;
		}

		.factbox.c {
			float: none;
			margin: 0 auto;
		}

		.factbox.d {
			float: none;
			margin: 0 auto;
		}

		.itemtwoe {
			display: none;
		}

		.content.contentrow {
			flex-direction: column;
		}

		.circleone.positiona {
    		left: 0;
		}

		.circletwo.positionb {
    		left: 0;
		}

		.circleone.positionc {
    		left: 0;
		}

		.circletwo.positiond {
    		right: 0;
		}

		.background.three.gradient {
    		height: auto;
		}

	.content.contentrow.three {
		margin-top: 0;
	}

		.circleone {
		width: 350px;
		height: 350px;
		font-size: 16px;
		margin: 0 auto;
	}


	.circletwo {
		width: 350px;
		height: 350px;
		font-size: 16px;
		margin: 0 auto;
	}

		.circletwo::before {
		width: 100%;
		height: 100%;
		content: "";
		position: absolute;
		inset: 0;
		border-radius: 50%;
		border: 30px solid transparent;
		background: linear-gradient(90deg, rgba(190,216,255,1) 100%, rgba(255,255,255,0) 0%) border-box;
		-webkit-mask: /*4*/
     		linear-gradient(#fff 0 0) padding-box, 
     		linear-gradient(#fff 0 0);
  		-webkit-mask-composite: xor; /*5'*/
         mask-composite: exclude;
         box-sizing: border-box;
	}

	.retainerimage {
		max-width: 100%;
		height: auto;
		margin-top: 0px;
	}

	.itemoneb {
    width: 100%;
    margin-top: 50px;
}

	.content.four {
    	padding: 0 0 0 0;
	}

	.factboximage {
    	max-width: 200px;
    	height: auto;
    	padding-bottom: 20px;
	}

	.buttona.four {
		width: 250px;
	}

}